import React from 'react'
import {useNavigate} from 'react-router-dom'
import style from './index.module.css'
const Index:React.FC = () => {
   const navigate=useNavigate()
  return (
    <div className={style.box}>
       <p className={style.box1}><b style={{fontSize:'20px'}}>微脉精选</b> <span className={style.geng} onClick={()=>navigate('/home/shop')}>更多</span></p>

       <div className={style.tu1}>
          <div className={style.tu2} onClick={()=>navigate('/xq')}>
             <img src="../src/assets/608.jpg" alt="" style={{width:'100%',height:'100px'}}/>
             <p className={style.p1}>【包邮】避孕药一般指女性用避孕药，多由雌激素和孕激素配伍而成，也有单方的孕激素及一些非甾体药物</p>
             <p style={{color:'red'}}>￥98</p>
          </div>
           <div className={style.tu2} onClick={()=>navigate('/xq')}>
             <img src="../src/assets/103_05.jpg" alt="" style={{width:'100%',height:'100px'}}/>
             <p className={style.p1}>CQREN黑发博士灵芝精华液</p>
             <p style={{color:'red'}}>￥89</p>
          </div>
           <div className={style.tu2} onClick={()=>navigate('/xq')}>
             <img src="../src/assets/103_07.jpg" alt="" style={{width:'100%',height:'100px'}}/>
             <p className={style.p1}>挨森美澡油DHA凝胶糖果60粒</p>
             <p style={{color:'red'}}>￥368</p>
          </div>
           <div className={style.tu2} onClick={()=>navigate('/xq')}>
             <img src="../src/assets/103_03.jpg" alt="" style={{width:'100%',height:'100px'}}/>
             <p className={style.p1}>【包邮】微脉腰腹养护贴-不支持7天无理由退货</p>
             <p style={{color:'red'}}>￥98</p>
          </div>
            <div className={style.tu2} onClick={()=>navigate('/xq')}>
             <img src="../src/assets/103_05.jpg" alt="" style={{width:'100%',height:'100px'}}/>
             <p className={style.p1}>CQREN黑发博士灵芝精华液</p>
             <p style={{color:'red'}}>￥89</p>
          </div>
           <div className={style.tu2} onClick={()=>navigate('/xq')}>
             <img src="../src/assets/103_07.jpg" alt="" style={{width:'100%',height:'100px'}}/>
             <p className={style.p1}>挨森美澡油DHA凝胶糖果60粒</p>
             <p style={{color:'red'}}>￥368</p>
          </div>
          
       </div>
    </div>
  )
}

export default Index
